<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0"/>
    <title>@yield('title')</title>
    <script type="text/javascript" src="{{ asset('/home/js/responsive.js')}}"></script>
    <link rel="stylesheet" href="{{ asset('/home/css/base.css')}}"/>
    <style>
        .head {
            width: 7.5rem;
            height: 1rem;
            line-height:1rem;
            font-size: 0.3rem;
            background: white;
            border-bottom: 0.12rem solid #F4F0F0;
        }
        .head .left{
            width: 1rem;
            height:1rem;
            float: left;
        }
        .head .left img {
            width: 0.5rem;
            height: 0.5rem;
            position: relative;
            top: 0.14rem;
            left: 0.25rem;
            /*float: left;*/
        }
        
        .head p {
            float: left;
            width:5.4rem;
            line-height: 1rem;
            text-align: center;
        }
    </style>
    @yield('style')
</head>
<body>
<div class="yc_layout">
    <div class="head">
        <a href="javascript:history.go(-1);" class="left"><img src="{{asset('/home/images/u12.png')}}" ></a>
        <p>@yield('title')</p>
        <div class="left"></div>
    </div>
    @yield('content')
</div>
</body>
</html>